
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>home</title>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            (function($){
                $(document).ready(function(){
                   
                });   
            })(jQuery);
            
        </script>
    </head>
    <body>
        <div id="wrapper">
            <div class="container">
                <div class="row">
                    <div id="header" class="col-xs-12">
                        <div id="logo" class="col-xs-2 col-xs-offset-1">
                            <img src="images/logo.png">
                        </div>
                        <div id="navigation" class="col-xs-7 col-xs-offset-2">
                            <ul>
                                <li><a href="index.jsp" class="hover">Trang chủ</a></li>
                                <li><a href="project.jsp" class="hover"> Dự án</a></li>
                                <li><a href="news.jsp" class="hover"> Tin tức</a></li>
                                <li><a href="contact.jsp" class="hover"> Liên hệ</a></li>
                                 <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Đăng nhập</a>
                                    <ul class="dropdown-menu dropdow-user">
                                        <li>
                                            <form>
                                                <div class="form-group">
                                                    <label>Tên đăng nhập</label>
                                                    <input type="text" name="username" required="required">
                                                </div>
                                                <div class="form-group">
                                                    <label>Mật khẩu</label>
                                                    <input type="password" name="password" required="required">
                                                </div>
                                                <div class="form-group">
                                                    <button class="btn btn-primary" type="submit" name="login" >Đăng nhập</button>
                                                    <button class="btn btn-primary" type="submit" name="logout" > Đăng xuất</button>
                                                </div>
                                            </form>
                                        </li>
                                        <li class="divider"></li>
                                        <li><a href="registration.jsp"> Đăng ký</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="banner">
            <div class="col-xs-12">
                <ul>
                    <li><img src="images/banner_bg.jpg" class="img-responsive"></li>
                </ul>
            </div>
        </div>
        <div id="conntain">
            <div class="top-bottom"></div>
            <div id="bg_contain">
                <div class="container">
                    <div class="row">
                        <h2>Tin tức</h2>
                    </div>
                </div>
               
                <div class="container">
                    <div class="row">
                        <div class="contain-news">
                        <div class=" col-xs-6">
                            <h4>Cứ tưởng bị chửi khéo</h4>
                            <p>Một anh chàng kỹ sư tin học đi cài máy tính đến công đoạn phải đăng nhập
                            vào máy tính bèn hỏi khách: "Mật khẩu máy anh là gì thế?"
                            - Ngu thì đừng có hỏi. 
                            - ?????????(mặt hầm hầm)
                            - Không hiểu à? Mật khẩu máy tôi đó
                            - Phù! tôi cứ tưởng!</p>
                            <a>Chi tiết</a>
                        </div>
                        <div class=" col-xs-6  ">
                            <h4>Bài diễn văn hay chết người</h4>
                            <p> Trong một vụ đắm tàu, 10 người đàn ông và một cô gái bám vào sợi dây ròng 
                            xuống từ một chiếc máy bay trực thăng cứu hộ. Tổ lái thông báo, một người phải buông tay
                           nếu không sợi dây sẽ đứt và tất cả sẽ chết. Ai sẽ là vật tế thần đây?
                            - Cuối cùng, cô gái kể cho cánh đàn ông nghe một câu chuyện thật cảm động về sự hy sinh.
                            Cô kết luận rằng mình săn sàng hiến dâng cuộc sống để cứu họ, rồi hô to: Hy sinh cao đẹp là
                            bất tử!
                            - Cô gái chưa dứt lời, cả đám đàn ông đều vỗ tay!</p>
                            <a>Chi tiết</a>
                        </div>
                       </div>
                    </div>
                    
                </div>
            </div>
            <div class="top-bottom"></div>
        </div>
        <div id="footer">
            <div class="container">
                <div class="row"> 
                   Được thực hiện bởi nhóm LUD
                </div>
            </div>
        </div>
    </body>
</html>
